<template>
  <div class="people_cart">
    <img :src="objItem.pic" alt="" />
    <b>{{ objItem.name }}</b>
    <p>{{ objItem.characteristic }}</p>
    <section>
      <span>￥{{ objItem.minPrice }}</span>
      <span></span>
    </section>
  </div>
</template>

<script>
export default {
  props: {
    objItem: {
      type: Object,
    },
  },
  setup() {},
};
</script>
<style lang="scss" scoped>
.people_cart {
  box-sizing: border-box;
  padding: 10px;
  background: #fff;
  b,p {
    display: block;
    font-size: 28px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  p{
      font-size: 24px;
      color: #b2b2b2;
  }
  section{
    font-size: 24px;
    &>span:first-child{
      color: red;
    }
  }
  img {
    width: 100%;
    height: 440px;
  }
}
</style>